<link rel="stylesheet" type="text/css" href="../addons/jy_shop1yi/css/app.css?v=18">
<style>
.jinyun-app-list .app-list-li {
    float: left;
    width: 33.3%;
}
</style>
<main class="page-container" style="padd">
    <header class="header-wrap">
        <div class="header" style="background-image:url({{tomedia(pagedata.app.appset.topbg)||'../addons/jy_shop1yi/images/topbg.png'}});background-repeat:no-repeat;background-size:372px 276px;background-position:right 130px">
                <img class="logo" alt="logo" ng-src="{{tomedia(pagedata.app.appset.logo)||'../addons/jy_shop1yi/images/logo.png'}}">
            <h1>
                {{pagedata.app.title}}<br>
                {{pagedata.app.appset.oneword}}
            </h1>
            <p class="desc web-only" style="width:650px">{{pagedata.app.appset.desc}}</p>
            <div class="btn-wrap">
			<a class="button button-primary clue-button js-regist-btn " href="javascript:;" ng-click="pagedata.showlogin=true">
				申请试用
			</a>  
			<a class="button button-primary clue-button js-regist-btn web-only" href="javascript:;" ng-click="pagedata.showlogin=true;pagedata.wxauth=2">
				咨询讲解
			</a>
            </div>
        </div>
    </header>
	<section class="section section-plugin">
        <div class="container">
			<h3>{{pagedata.app.appset.pluginstitle||pagedata.plugins.length+'大分销功能'}}</h3>
			 <p class="section-desc">
				{{pagedata.app.appset.pluginsdesc||'全网的分销算法，这里都有！如您有新分销思路，分分钟生成新算法！'}}
			 </p>
			 <div class="jinyun-app-list" style="margin-top: 54px;">
				<ul class="app-list-ul" style="margin-bottom:0">
				  <li class="app-list-li" style="min-width:180px"  ng-repeat="p in pagedata.plugins">
					<div class="app-li-cont">
					  <div class="app-li-opr">
						<div class="jinyun-app-list-down-opr label label-primary" style="background:#6a9ff9">详情</div>
					  </div>
					  <div class="app-li-info" style="padding:5px 0 8px 90px;min-height:102px">
							<div class="app-li-iconbg" style="width:80px;height:100px;border-radius: 5px;background:url({{tomedia(p.img)||'../addons/jy_shop1yi/images/pluginicon.png'}}) no-repeat 50%; background-size: cover;"></div>
							<div class="app-li-title bold" style="font-size:16px">{{p.title}}</div>
							<div class="overflow-h2" style="padding-top:5px;-webkit-line-clamp: 3">{{p.desc}}</div>
					  </div>
					  <div class="app-opr-box" href="javascript:;" ng-click="pagedata.showlogin=true;pagedata.wxauth=2">
						<ul class="opr-list">
						  <li class="opr-item">
							<a class="btn btn-warning item-build-btn" style="border-color: #6a9ff9;background:#6a9ff9;font-size:14px;height: 30px;line-height: 30px;">咨询算法详情</a>
						  </li>
						</ul>
					  </div>
					</div>
				  </li>
				</ul>
			</div>
        </div>
    </section>
    <section class="section section-question">
        <h3>{{pagedata.app.appset.title1}}</h3>
        <div class="container">
            <ul class="question-list">
                <li ng-repeat="item in pagedata.app.appset.data1" href="javascript:;" ng-click="pagedata.showlogin=true" class="question-item js-regist-btn">
                    <span>·</span> {{item.title}}
                </li>
            </ul>
        </div>
    </section>

    <section class="section section-1">
        <div class="container">
           <h3>{{pagedata.app.appset.title2}}</h3>
            <p class="intro">
                {{pagedata.app.appset.desc2}}
            </p>
            <img class="intro-img" ng-src="{{tomedia(pagedata.app.appset.img2)||'../addons/jy_shop1yi/images/img2.png'}}">
			<a class="button button-primary clue-button js-regist-btn " href="javascript:;" ng-click="pagedata.showlogin=true">
				免费试用分销系统
			</a>
        </div>
    </section>

    <section class="section section-2">
        <div class="container">
            <h3>{{pagedata.app.appset.title3}}</h3>
            <p class="section-desc"> {{pagedata.app.appset.desc3}}</p>
            <ul class="function-list">
                <li ng-repeat="item in pagedata.app.appset.data3" class="function-item">
                    <div class="function-header header-1 header-{{$index+1}}">
                        <div class="function-header-title">{{item.title}}</div>
                        <ul class="function-header-tags">
                            <li ng-repeat="value in item.tag track by value">{{value}}</li>
                        </ul>
                    </div>
                    <div class="function-content">
                        <div class="function-content-title">{{item.ctitle}}</div>
                        <p class="function-content-desc">{{item.cdesc}}</p>		
						<a class="button button-primary clue-button js-regist-btn" href="javascript:;" ng-click="pagedata.showlogin=true;pagedata.wxauth=2">
							了解更多
						</a>
                    </div>
                </li>
            </ul>
        </div>
    </section>

    <section class="section section-3">
        <div class="container">
            <h3>{{pagedata.app.appset.title4}}</h3>
            <p class="section-desc">{{pagedata.app.appset.desc4}}</p>
            <ul class="kit-list">
                <li ng-repeat="item in pagedata.app.appset.data4" class="kit-item">
                    <dl class="kit-item-feature">
                        <dt>{{item.title}}</dt>
                        <dd ng-repeat="tag in item.tag">{{tag}}</dd>
                    </dl>
                    <div class="kit-item-content" style="background-image:url({{tomedia(item.bg)||'../addons/jy_shop1yi/images/img41.png'}})">
                        <div class="kit-item-content-title">{{item.ctitle}}</div>
                        <div class="kit-item-content-desc">{{item.cdesc}}</div>
                    </div>
                </li>
            </ul>
			<a class="button button-primary clue-button js-regist-btn " href="javascript:;" ng-click="pagedata.showlogin=true">
				{{pagedata.app.appset.btn4}}
			</a>
        </div>
    </section>

    <section class="section section-4" id="section-4">
        <div class="container">
            <h3>{{pagedata.app.appset.title5}}</h3>
            <p class="section-desc">{{pagedata.app.appset.desc5}}</p>
            <div class="section-content">
                <ul class="swiper-trigger-wrapper web-only">
                    <li ng-repeat="item in pagedata.app.appset.data5" ng-click="pagedata.steptype=$index" class="swiper-trigger {{pagedata.steptype==$index?'active':''}}">{{item.title}}</li>
                </ul>
                <div class="swiper-container swiper-container-horizontal">
                    <ul class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
                        <li ng-repeat="item in pagedata.app.appset.data5" ng-if="pagedata.steptype==$index" class="swiper-slide swiper-slide-active" style="width: 1000px;">
                            <div class="left-item">
                                <h4 class="swiper-title">{{item.ctitle}}</h4>
                                <p class="swiper-intro">{{item.cdesc}}</p>
								<a class="button button-primary clue-button js-regist-btn web-only" href="javascript:;" ng-click="pagedata.showlogin=true">
									申请免费开通
								</a>
                            </div>
                            <div class="right-item" style="background-image: url({{tomedia(item.cbg)||'../addons/jy_shop1yi/images/img51.png'}})"></div>
                        </li>
                    </ul>
                    <div class="swiper-pagination wap-only swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
                </div>
            </div>
			<a class="button button-primary clue-button js-regist-btn wap-only" href="javascript:;" ng-click="pagedata.showlogin=true">
				申请免费开通
			</a>
        </div>
    </section>

    <section class="section section-5" id="section-5">
        <div class="container">
            <h3>{{pagedata.app.appset.title6}}</h3>
            <p class="section-desc">{{pagedata.app.appset.desc6}}</p>

            <div class="section-content">
                <div class="swiper-container swiper-container-horizontal">
                    <ul class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
                        <li class="swiper-slide swiper-slide-active" style="width: 480px;">
                            <img ng-src="{{tomedia(pagedata.app.appset.data6[pagedata.now6].bg)||'../addons/jy_shop1yi/images/img61.png'}}">
                            <h4 class="swiper-title wap-only">{{pagedata.app.appset.data6[pagedata.now6].title}}</h4>
                            <p class="swiper-intro wap-only">{{pagedata.app.appset.data6[pagedata.now6].desc}}</p>
                        </li>
                    </ul>
                    <div class="swiper-pagination wap-only swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
                </div>

                <ul class="swiper-trigger-wrapper web-only">
                    <li ng-repeat="item in pagedata.app.appset.data6" ng-click="pagedata.now6=$index" class="swiper-trigger {{pagedata.now6==$index?'active':''}}" data-index="0">
                        <h4>{{item.title}}</h4>
                        <p>{{item.desc}}</p>
                    </li>
                </ul>
            </div> 
		<a class="button button-primary clue-button js-regist-btn " href="javascript:;" ng-click="pagedata.showlogin=true">
			{{pagedata.app.appset.btn6}}
		</a>
        </div>
    </section>

    <section class="section section-6">
        <div class="container">
            <h3>{{pagedata.app.appset.title7}}</h3>
            <p class="section-desc">{{pagedata.app.appset.desc7}}</p>
            <ul class="advantage-list">
                <li ng-repeat="item in pagedata.app.appset.data7" class="advantage-item" style="background-image: url({{tomedia(item.img)||'../addons/jy_shop1yi/images/img71.png'}})">
                    {{item.title}}
                </li>
            </ul>
			<a class="button button-primary clue-button js-regist-btn " href="javascript:;" ng-click="pagedata.showlogin=true">
				{{pagedata.app.appset.btn7}}
			</a>
        </div>
    </section>

    <section class="section section-8">
        <div class="container">
            <h3>{{pagedata.app.appset.title8}}</h3>
            <p class="section-desc">{{pagedata.app.appset.desc8}}</p>

            <dl class="solution-list">
                <div ng-repeat="item in pagedata.app.appset.data6" class="solution-item" style="background-image: url({{tomedia(item.img)||'../addons/jy_shop1yi/images/img81.png'}})">
                    <dt>{{item.title}}</dt>
                    <dd>{{item.desc}}</dd>
                </div>
            </dl>
        </div>
    </section>
    <section class="section section-9">
        <div class="container">
            <h3>{{pagedata.app.appset.title9}}</h3>
            <p class="section-desc"><span>5</span> 万注册商家 | <span>89</span> 个行业类目 | <span>3</span> 万笔/秒处理速度</p>
            <img class="brand-img" src="{{tomedia(pagedata.app.appset.img9)||'../addons/jy_shop1yi/images/img9.png'}}">
        </div>
    </section>

    <footer class="footer">
        <h3>{{pagedata.app.appset.endtitle}}</h3>
        <h4>{{pagedata.app.appset.enddesc}}</h4>
		<a class="button button-primary clue-button js-regist-btn " href="javascript:;" ng-click="pagedata.showlogin=true">
			{{pagedata.app.appset.endbtn}}
		</a>
    </footer>
</main>
<div>
<link href="../addons/jy_shop1yi/images/kf01.png" rel="preload" as="image">
<link href="../addons/jy_shop1yi/images/kf02.png" rel="preload" as="image">
<link href="../addons/jy_shop1yi/images/kf03.png" rel="preload" as="image">
<link href="../addons/jy_shop1yi/images/kf04.png" rel="preload" as="image">
<link href="../addons/jy_shop1yi/images/kf05.png" rel="preload" as="image">
<div class="kefu-wrapper">
    <div class="clue-components-mask" ng-if="pagedata.showkfewm || pagedata.showtel"></div>
    <div class="kefu-avatar" style="display: block;" href="javascript:;" ng-click="toogle(pagedata,'showkfewm');">
        <div class="kefu-avatar__border" style="display: block;"></div>
        <img class="kefu-avatar__img kefu-avatar--breath" src="../addons/jy_shop1yi/images/kf06.png">
        <div class="kefu-avatar__text">
            <span>在线咨询</span>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <ul class="kefu-list">
        <li class="kefu-list__item {{pagedata.showkfewm?'kefu-list__item--active':''}}" href="javascript:;" ng-click="toogle(pagedata,'showkfewm');pagedata.showtel=false">
            微信咨询
        </li>
        <li class="kefu-list__item {{pagedata.showtel?'kefu-list__item--active':''}}" href="javascript:;" ng-click="toogle(pagedata,'showtel');pagedata.showkfewm=false">
            电话咨询
        </li>
        <li class="kefu-list__item">
            <a href="javascript:;" ng-click="pagedata.showlogin=true">
                立即注册
            </a>
        </li>
    </ul>
    <!-- 点击时出现的卡片 -->
    <div ng-if="pagedata.showkfewm || pagedata.showtel" class="kefu-card" style="display: block;">
        <div class="kefu-card-content" data-title="微信咨询" ng-if="pagedata.showkfewm">
            <p class="kefu-card-content__title">微信咨询</p>
            <p class="kefu-card-content__description">现在咨询，送你新店大礼包</p>
            <img id="qrcode" class="kefu-card-content__image" ng-src="{{tomedia(pagedata.app.appset.kfewm)||'../core/resource/images/no-wxapp.png'}}" alt="二维码">
            <p class="kefu-card-content__extra">
                手机扫码加我微信
            </p>
        </div>
        <div class="kefu-card-content" data-title="电话咨询" ng-if="pagedata.showtel">
            <div class="kefu-appointment-callback">
                <div ng-if="!pagedata.ispostmobile" class="kefu-appointment-callback-content kefu-appointment-callback-input-wrapper">
                    <h3>预约回电</h3>
                    <p>专家顾问将在10分钟内向您致电</p>
                    <input type="tel" placeholder="填写你的手机号码" maxlength="11" ng-model="pagedata.tomobile">
                    <p class="kefu-appointment-callback-error"></p>
                    <button ng-click="pagedata.postmobile();" class="kefu-appointment-callback-action">
                        立即预约
                    </button>
                </div>
                <div ng-if="pagedata.ispostmobile" class="kefu-appointment-callback-content kefu-appointment-callback-success-wrapper">
                    <h3>预约成功</h3>
                    <p>专家顾问将在10分钟内向您致电</p>
                    <p class="kefu-appointment-callback-extra">非工作时间可能会延迟，敬请谅解</p>
                </div>
                <a href="tel:{{pagedata.app.appset.tel||'400-188-XXXX'}}" class="kefu-card-content__footer-wrapper" id="contact">
                    <p class="kefu-card-content__sub-title">电话咨询（9:00-22:00）</p>
                    <p class="kefu-card-content__contacts">{{pagedata.app.appset.tel||'400-188-XXXX'}}</p>
                </a>
            </div>
        </div>
    </div>
</div>
</div>
<div ng-if="pagedata.showlogin" class="popup">
	<div class="popup-body">
		<div class="popup-center" style="background:none;width:95%;height:26rem;overflow-y:scroll;padding-top:1rem">
			<a href="javascript:;" ng-click="pagedata.showlogin=false;pagedata.wxauth=0" type="button" style="font-size: 16px;color: #666;position: absolute; top: 30px;right: 28px; z-index: 10;">
			<i class="icon icon-back" style="font-size:16px; font-weight: 600;"></i>返回
			</a>
			<div ng-include="sys_html('home/_applogin',true)"></div>
		</div>
	</div>
</div>
<script>
scope.pagedata.steptype=0;
scope.pagedata.now6=0;
scope.pagedata.postmobile=function(){
	scope.post_json('tomobile',{'mobile':scope.pagedata.tomobile},function(res){
		scope.pagedata.ispostmobile=true;
		scope.$evalAsync();
	})
}
</script>